<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/menu.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<!--<link rel="stylesheet" type="text/css" href="static/icon/icon.css"/>-->
		<link rel="stylesheet" type="text/css" href="static/icon/iconfont.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
		<script src="static/3rd/jquery.backstretch.min.js"></script>
		<script src="static/icon/iconfont.js"></script>
		<style>
			/*.skinIcon{margin: 10px 0 0 10px;}*/
		</style>
	</head>
	<body style="background: #000026;">
		<!--<canvas id="starsCanvas" style="position: absolute; left: 0; top: 0;"></canvas>-->
		<img class="bgImg" src="" alt="" /> 
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="container" id="page1st">
			<div class="skinBox" style="position: absolute;z-index: 99999;padding: 10px 20px;">
				<i class="iconfont icon-pifu2 iconfont" style="color: rgba(255,255,255,0.7);font-size: 28px;opacity: 0.4;cursor: pointer;"></i>
				<div class="select_box" style="display: none;"> 
					<div class="selectSkinBox">
						<span class="select_title" style="margin: 0;">请选择风格</span>
						<select class="selectSkin" style="margin-left: 10px;">
						    <option value="0">经典型</option>
						    <option value="1">清新型</option>
							<option value="2">酷炫型</option>
							<option value="3">亮骚型</option>
						</select>
					</div>
				</div>
			</div>
			<script>
				$(".skinBox").hover(function(){
					$(".iconfont").hide()
						$(".select_box").stop(true,true).fadeIn()
						$(this).find('.iconfont').css('opacity',1)
				},function(){
						$(".select_box").hide();
						$(this).find('.iconfont').css('opacity',0.4)
						$(".selectSkinBox").height(120)
						$(".iconfont").stop(true,true).fadeIn()
				})
			</script>
			<div class="header" style="background: transparent;padding-top: 0;">
				<div class="title_bg"></div>
				<div class="logo" style="position: relative;top:36px;margin-right:150px">反诈基础资源综合管理平台</div>
				<div class="nav_bg">
					<ul class="heard_nav" style='margin-right:210px'>
						<li class="active">互联网资源分析</li>
						<li>日常监测</li>
						<!-- <li>大数据分析</li> -->
						<li>监管处置</li>
					</ul>
				</div>
			</div>
			<div class="sub_menu_box" style="position: relative;">
				<div class="sub_menu3">
					<div class="sub_menu_top" style="width: 1280px;">
						<a href="广东接入资源视图.html" target="mainframe">
							<img src="static/img/全国接入资源视图.jpg" alt="" />
							<div class="shade_menu">基础资源</div>
						</a>
						<a href="DXQ全国互联网网站视图1.html" target="mainframe">
							<div class="shade_menu">互联网网站</div>
							<img src="static/img/全国网站视图.jpg" alt="" />
						</a>
						<a href="金融类应用分析.html" target="mainframe">
						    <div class="shade_menu">互联网+</div>
							<img src="static/img/金融类应用分析.jpg"/>
						</a>
						<a href="DXQ全国移动互联网APP分布图.html" target="mainframe">
							<div class="shade_menu">APP应用</div>
							<img src="static/img/全国APP应用视图.jpg"/>
						</a>
						<!--<a href="DXQ移动上网日志管理.html" target="mainframe">
							<div class="shade_menu">移动上网日志</div>
							<img src="static/img/移动上网日志管理.jpg"/>
						</a>-->
					</div>
					<div class="sub_menu_bottom">
						
						
					</div>
				</div>
				<div class="sub_menu3">
					<div class="sub_menu_top">
					    <a href="日常监测与应急保障.html" target="mainframe">
							<div class="shade_menu">日常监测与应急保障</div>
							<img src="static/img/信安专项监测.jpg"/>
						</a>
						<a href="舆情报告设计.html" target="mainframe">
							<img src="static/img/互联网舆情分析.jpg" alt="" />
							<div class="shade_menu">舆情热点</div>
						</a>
						<!--<a href="全省接入资源视图.html" target="mainframe">
							<div class="shade_menu">全省接入资源视图</div>
						</a>-->
						<a href="扫黄打非情况.html" target="mainframe">
							<div class="shade_menu">扫黄打非</div>
							<img src="static/img/扫黄打非.jpg" alt="" />
						</a>
					</div>
					<!--<div class="sub_menu_bottom">
						<a href="" target="mainframe">
							<div class="shade_menu">反诈(建设中)</div>
							<img src="static/img/bg.jpg"/>
						</a>
						<a href="" target="mainframe">
							<div class="shade_menu">打击非法集资(建设中)</div>
							<img src="static/img/bg.jpg"/>
						</a>
						<a href="" target="mainframe">
							<div class="shade_menu">公众号监测(建设中)</div>
							<img src="static/img/bg.jpg"/>
						</a>
					</div>--> 
				</div>
				
				<!-- <div class="sub_menu7">
					<div class="sub_menu_top" style="width: 640px;">
						<a href="金融类应用分析.html" target="mainframe">
						    <div class="shade_menu">互联网+</div>
							<img src="static/img/金融类应用分析.jpg"/>
						</a>
						<a href="工业互联网资源概况cisms.html" target="mainframe">
							<div class="shade_menu">工业互联网</div>
							<img src="static/img/工业互联网.jpg"/>
						</a>
					</div>
				</div> -->
				
				<div class="sub_menu7">
					<div class="sub_menu_top" style="width: 370px;">
					</div>
					<!-- <div class="sub_menu_bottom"> -->
					<div class="sub_menu_top"  style="width: 640px;">
						<a href="基础企业安全责任考核.html" target="mainframe">
							<div class="shade_menu">基础企业安全责任考核</div>
							<img src="static/img/基础企业安全责任考核.jpg"/>
						</a>
						<a href="新技术新业务安全评估.html" target="mainframe">
							<div class="shade_menu">新技术新业务安全评估</div>
							<img src="static/img/新技术业务安全评估.jpg"/>
						</a>
						<!-- <a href="增值电信企业管理.html" target="mainframe">
							<div class="shade_menu">增值电信业务许可管理</div>
							<img src="static/img/增值电信企业管理.jpg"/>
						</a> -->
						<!-- <a href="" target="mainframe">
							<div class="shade_menu">电信企业信用管理(建设中)</div>
							<img src="static/img/bg.jpg"/>
						</a> -->
					</div>
				</div>
				<!--<div class="sub_menu4">
					<div class="sub_menu_bottom">
						<a href="金融类应用分析.html" target="mainframe">
						    <div class="shade_menu">金融类应用分析</div>
							<img src="static/img/金融类应用分析.jpg"/>
						</a>
						<a href="政企类应用分析.html" target="mainframe">
							<div class="shade_menu">政务类应用分析</div>
							<img src="static/img/金融类应用分析.jpg"/>
						</a>
						<a href="工业互联网融合情况.html" target="mainframe">
							<div class="shade_menu">工业互联网融合情况</div>
							<img src="static/img/金融类应用分析.jpg"/>
						</a>
					</div>
				</div>
				<div class="sub_menu5">
					<div class="sub_menu_bottom">
						<a href="互联网舆情分析.html" target="mainframe">
							<div class="shade_menu">互联网舆情分析</div>
							<img src="static/img/bg.jpg"/>
						</a>
						<a href="" target="mainframe">
							<div class="shade_menu">微信公众号检测</div>
							<img src="static/img/bg.jpg"/>
						</a>
					</div>
				</div>
				<div class="sub_menu6">
					<div class="sub_menu_top">
						<a href="基础企业安全责任考核.html" target="mainframe">
							<div class="shade_menu">基础企业安全责任考核</div>
							<img src="static/img/基础企业安全责任考核.jpg"/>
						</a>
						<a href="" target="mainframe">
							<div class="shade_menu">新技术新业务安全评估</div>
							<img src="static/img/bg.jpg"/>
						</a>
					</div>
					<div class="sub_menu_bottom">
						<a href="" target="mainframe">
							<div class="shade_menu">增值电信业务许可年报</div>
							<img src="static/img/bg.jpg"/>
						</a>
						<a href="" target="mainframe">
							<div class="shade_menu">电信企业信用管理</div>
							<img src="static/img/bg.jpg"/>
						</a>
						<a href="DXQ移动上网日志管理.html" target="mainframe">
							<div class="shade_menu">移动上网日志管理</div>
							<img src="static/img/移动上网日志管理.jpg"/>
						</a>
					</div>
				</div>
				<div class="sub_menu7">
					<div class="sub_menu_bottom">
						<a href="信安专项检测.html" target="mainframe">
							<div class="shade_menu">信息安全检测和处置</div>
							<img src="static/img/信安专项监测.jpg"/>
						</a>
					</div>
				</div>
			-->
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			
			<!--<div class="foot">
				<a href="page2nd.html" class="next_btn"></a>
			</div>-->
		</div>
		
		<div class="winOpen" style="z-index: 999999;position: absolute;" id="winOpen">
			<div class="home" title="返回首页" id="homeBtn"></div>
			<iframe name="mainframe"  style="display: block;width: 100%; height:100%;"marginheight="0" frameborder="0" scrolling="no" frameborder="0" ></iframe>
		</div>
		<div class="index_foot">
			<img src="static/img/foot_bg.png" alt="" />
			<!-- <div class="foot_text" style='font-size:30px;'>广东省通信管理局</div> -->
			<div class="foot_text"></div>
			<!-- <div class="foot_logo"></div> -->
		</div>
		<!--<div class="bodyBg"></div>-->
		<script src="static/js/calculate.js"></script>
		<!--<script src="static/js/flip.js"></script>-->
		<!--<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>-->
		<!--<script src="static/js/page1st.js"></script>-->
		<script>
			$(".sub_menu_box a").addClass('zoomIn animated')
			$(".ec_tab li").click(function(){
				$(this).addClass("active").siblings().removeClass("active")
			})
			
			$(".sub_menu_box a").click(function(){
//				$(".bodyBg").show()
				$(".winOpen").show().addClass('zoomIn animated').removeClass('zoomOut');
			})
			$(".home").click(function(){
//				$(".bodyBg").hide()
				$(".winOpen").removeClass('zoomIn').addClass('zoomOut').fadeOut();
			})
			var n=0;
			$(".sub_menu_box>div").eq(0).show();
			$(".heard_nav li").click(function(){
				n=$(this).index();
				console.log(n)
				$(".sub_menu_box>div").hide();
				$(".sub_menu_box>div").eq(n).fadeIn();
				$(".sub_menu_box a").addClass('zoomIn animated')
				$(this).addClass('active').siblings().removeClass('active');
			})
			/*$(".sub_menu_box a").hover(function(){
//				$(this).find(".shade_menu").fadeIn()
					$(this).find(".shade_menu").
			},function(){
//				$(this).find(".shade_menu").fadeOut()
			})*/
		</script>
		
		<script>
			window.onload=function(){
				calculateIndex();
			}
			/*window.onresize=function(){
				calculateIndex();
				drawCanvas("starsCanvas",230,800,60, 2.5,1000000,0.5)
			}*/
			window.addEventListener('resize',calculateIndex)
		</script>
		<script src="static/js/star-canvas.js"></script>
		<script src="static/js/bgImgSkin.js"></script>
	</body>
</html>
